/**
 * 基础样式文件
 */

/* 导入normalize.css文件 */
@import './normalize.css';

/* 伪类: 获取根元素（定义变量） */
/* :root {
  --color-text: #666666;
  --color-high-text: #1296db;
  --color-tint: #64bff0;
  --color-background: #ffffff;
  --color-bottom: rgba(207, 220, 252, 0.8);
  --color-gray: #cccccc;
  --color-red: orangered;
  --font-size: 14px;
  --line-height: 1.5;
} */

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  /* TODO: 后面在配置，默认使用用户自己设置的字体，因为我的字体比较好看~ */
  /* font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; */
  /* user-select: none; */
  /* 禁止用户鼠标在页面上选中文字/图片等 */
  -webkit-tap-highlight-color: transparent;
  /* webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节 */
  background: var(--color-background);
  color: var(--color-text);
  width: 100vw;
}

a {
  color: var(--color-text);
  text-decoration: none;
}

li {
  list-style-type: none;
}


.clear-fix::after {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}

.clear-fix {
  zoom: 1;
}

.arrow-right {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  width: 9px;
  height: 9px;
  background-color: transparent;
  transform: rotate(135deg);
  display: inline-block;
  margin-left: .1rem;
}

.left {
  float: left;
}

.right {
  float: right;
}
